<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <title>首页</title>
    <link rel="stylesheet" href="/static/src/jquery-weui/lib/weui.min.css">
    <link rel="stylesheet" href="/static/src/jquery-weui/css/jquery-weui.min.css">
    <script src="/static/src/jquery-weui/lib/jquery-2.1.4.js"></script>
    <script src="/static/src/jquery-weui/js/jquery-weui.min.js"></script>
    <script type='text/javascript' src='/static/src/jquery-weui/js/swiper.min.js' charset='utf-8'></script>
    <link rel="stylesheet" href="/static/src/jquery-weui/demos/css/demos.css">
</head>
<body>
<div class="weui-tab">
      <div class="weui-tab__bd">
        <div id="index" class="weui-tab__bd-item weui-tab__bd-item--active">

            <div class="weui-search-bar" id="searchBar">
              <form class="weui-search-bar__form">
                <div class="weui-search-bar__box">
                  <i class="weui-icon-search"></i>
                  <input type="search" class="weui-search-bar__input" id="searchInput" placeholder="搜索" required="">
                  <a href="javascript:" class="weui-icon-clear" id="searchClear"></a>
                </div>
                <label class="weui-search-bar__label" id="searchText">
                  <i class="weui-icon-search"></i>
                  <span>搜索</span>
                </label>
              </form>
              <a href="javascript:" class="weui-search-bar__cancel-btn" id="searchCancel">取消</a>
            </div>

            <div class="swiper-container" data-space-between='10' data-pagination='.swiper-pagination' data-autoplay="1000">
              <div class="swiper-wrapper">
                <div class="swiper-slide"><img width="100%" src="http://img.17k.com/cmsimg/default/2018/11/1543315841.75351674.png" alt=""></div>
                <div class="swiper-slide"><img width="100%" src="http://img.17k.com/cmsimg/default/2018/11/1543214407.7974920.jpg" alt=""></div>
                <div class="swiper-slide"><img width="100%" src="http://img.17k.com/cmsimg/default/2018/11/1543214443.29412979.jpg" alt=""></div>
                <div class="swiper-slide"><img width="100%" src="http://img.17k.com/cmsimg/default/2018/11/1543214363.82912196.jpg" alt=""></div>
                <div class="swiper-slide"><img width="100%" src="http://img.17k.com/cmsimg/default/2018/11/1543214407.7974920.jpg" alt=""></div>
              </div>
                <div class="swiper-pagination"></div>
          </div>

          <div class="weui-flex">
            <div class="weui-flex__item"><b>猜你喜欢:</b></div>
            <div class="weui-flex__item"><a class="weui-cell__ft like_change" style="float:right">换一批</a></div>
          </div>

          <div class="weui-grids like_list">


          </div>

        </div>
        <div id="categrey" class="weui-tab__bd-item">
          <iframe name="categrey_frame" src="/categrey" width="100%" height="95%"></iframe>
        </div>
        <div id="sort" class="weui-tab__bd-item">
          <iframe name="sort_frame" src="/sort" width="100%" height="95%"></iframe>
        </div>
        <div id="free" class="weui-tab__bd-item">
          <iframe name="collect_frame" src="/collect" width="100%" height="95%"></iframe>
        </div>
      </div>



      <div class="weui-tabbar">
        <a href="#index" class="weui-tabbar__item weui-bar__item--on">

          <div class="weui-tabbar__icon">
            <img src="/static/images/index.png" alt="">
          </div>
          <p class="weui-tabbar__label">首页</p>
        </a>
        <a href="#categrey" class="weui-tabbar__item">
          <div class="weui-tabbar__icon">
            <img src="/static/images/cate.png" alt="">
          </div>
          <p class="weui-tabbar__label">分类</p>
        </a>
        <a href="#sort" class="weui-tabbar__item">
          <div class="weui-tabbar__icon">
            <img src="/static/images/sort.png" alt="">
          </div>
          <p class="weui-tabbar__label">排行</p>
        </a>
          <a href="#free" class="weui-tabbar__item">
          <div class="weui-tabbar__icon">
            <img src="/static/images/collect.png" alt="">
          </div>
          <p class="weui-tabbar__label">收藏</p>
        </a>
      </div>
    </div>
<script src="/static/js/index.js"></script>
</body>
</html>